<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>我要买菜-首页</title>
	<link rel="stylesheet" type="text/css" href="css/common/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="css/common/swiper.min.css" />
	<link rel="stylesheet" type="text/css" href="css/common/common.css" />
	<link rel="stylesheet" type="text/css" href="css/common/index.css" />
</head>

<body>
	<header>
		<div class="d-searchbar container">
			<div class="row">
				<div class="col-xs-12 d-adres text-center">
					<l class="iconfont">&#xe604;</l>广州电子商务产业园
					<a href="#">
						<l class="iconfont">&#xe603;</l>
					</a>
				</div>
			</div>
			<div class="row">
				<div class="col-xs-1"></div>
				<div class="col-xs-10 d-seach-form">
					<input type="text" placeholder="输入关键字"><span class="d-icon iconfont">&#xe606;</span>
				</div>
				<div class="col-xs-1"></div>
			</div>
		</div>
	</header>
	<!-- banner -->
	<div class="d-banner">
		<div class="swiper-container d-top-banner">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<img src="img/index/banner_01.jpg" alt="" />
				</div>
				<div class="swiper-slide">
					<img src="img/index/banner_01.jpg" alt="" />
				</div>
				<div class="swiper-slide">
					<img src="img/index/banner_01.jpg" alt="" />
				</div>
			</div>
		</div>
	</div>
	<!-- banner //-->
	<!-- 分类导航 -->
	<div class="container d-classify-nav">
		<div class="row">
			<div class="col-xs-12">
				<div class="item d-orange">
					<a href="#">
						<l class="iconfont d-icon">&#xe61b;</l>
						抢购区</a>
				</div>
				<div class="item d-red">
					<a href="#">
						<l class="iconfont d-icon">&#xe61e;</l>
						蔬菜水果</a>
				</div>
				<div class="item d-purpleblue">
					<a href="#">
						<l class="iconfont d-icon">&#xe61f;</l>
						肉豆蛋禽</a>
				</div>
				<div class="item d-yellow">
					<a href="#">
						<l class="iconfont d-icon">&#xe619;</l>
						水产冻货</a>
				</div>
				<div class="item d-orange">
					<a href="#">
						<l class="iconfont d-icon">&#xe617;</l>
						米面粮油</a>
				</div>
				<div class="item d-orange">
					<a href="#">
						<l class="iconfont d-icon">&#xe618;</l>
						调料干货</a>
				</div>
				<div class="item d-yellow">
					<a href="#">
						<l class="iconfont d-icon">&#xe61a;</l>
						酒水饮料</a>
				</div>
				<div class="item d-blue">
					<a href="#">
						<l class="iconfont d-icon">&#xe61c;</l>
						餐厨用品</a>
				</div>
				<div class="item d-pink">
					<a href="#">
						<l class="iconfont d-icon">&#xe61d;</l>
						自产自销</a>
				</div>
				<div class="item d-cyan">
					<a href="#">
						<l class="d-font d-icon">半</l>
						半成品</a>
				</div>
			</div>
		</div>
	</div>
	<!-- 分类导航 -->
	<!-- banner theme2-->
	<div class="d-bottom-banner-wrap">
		<div class="swiper-container d-bottom-banner">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><img src="img/index/banner_min_01.jpg" alt=""><span class="d-text">新鲜土豆</span></div>
				<div class="swiper-slide"><img src="img/index/banner_min_01.jpg" alt=""><span class="d-text">新鲜土豆</span></div>
				<div class="swiper-slide"><img src="img/index/banner_min_01.jpg" alt=""><span class="d-text">新鲜土豆</span></div>
			</div>
		</div>
	</div>
	<!-- banner theme2 -->
	<!-- 标题 -->
	<div class="d-classify-title container">
		<div class="row">
			<div class="col-xs-6">
				<l class="iconfont">&#xe605;</l>&nbsp;&nbsp;&nbsp;热门店铺
			</div>
			<div class="col-xs-6 text-right"><a href="#">全部店铺<l class="iconfont">&#xe600;</l></a></div>
		</div>
	</div>
	<!-- 标题 //-->
	<!-- 店铺 -->
	<div class="d-shop-list container">
		<div class="row">
			<div class="col-xs-8">
				<h5>广州连锁超市经营部</h5>
				<div><span class="d-label">粮油</span>
					<span class="d-label">果蔬</span>
					<span class="d-label">零食</span></div>
				<div class="d-comment">
					<img src="img/index/comment_01.jpg" alt=""><img src="img/index/comment_02.jpg" alt=""><img src="img/index/comment_03.jpg" alt="">
				</div>
			</div>
			<div class="col-xs-4 d-right">
				<div>
					<em>￥100</em>起送
				</div>
				<div>
					次日送达
				</div>
				<div>
					<img src="img/common/preferential.png" alt="">
				</div>
			</div>
		</div>
	</div>
	<!-- 店铺 //-->
	<footer>
		<ul class="footer clearfix">
			<li class="selected"><a href="index.html"><i class="iconfont">&#xe601;</i><p>首页</p></a></li>
			<li><a href="category.html"><i class="iconfont second">&#xe616;</i><p>分类</p></a></li>
			<li><a href="shopping_cart.html"><i class="iconfont">&#xe611;</i><p>购物车</p></a></li>
			<li><a href="#"><i class="iconfont">&#xe615;</i><p>充值有礼</p></a></li>
			<li><a href="user.html"><i class="iconfont">&#xe609;</i><p>我</p></a></li>
		</ul>
	</footer>
	<script src="js/common/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common/bootstrap.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common/index.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>
